/* === Editor === */
.etch-editor-panel { display: none; padding: 5px; position: fixed; z-index: 10000;
    background: #f0f0f0; border: 1px solid #bdbdbd; color: #535353; text-shadow: 0 1px 0 #fff;
    background-image: -moz-linear-gradient(center bottom, #ccc 0%, #fff 100%);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(240, 240, 240, 1)), to(rgba(230, 230, 230, 1)));
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
    -webkit-box-shadow: inset 1px 0 0 #dfdfdf, inset 0 1px 0 #dfdfdf, inset -1px 0 0 #dfdfdf, inset 0 -1px 0 #dfdfdf, 0 0 5px rgba(0,0,0,.3);
 }
.etch-editor-button { display: block; float: left; margin-right: 3px; position: relative; text-decoration: none;
    display: block; width: 27px; height: 27px; background: #dadada; border: 1px solid #aaa; color: #535353; text-shadow: 0 1px 0 #fff;
    background: -moz-linear-gradient(center bottom, #e1e1e1 0%, #efefef 100%);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fFfFfF), to(#f1f1f1));
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
     }

.etch-editor-button:last-child { margin-right: 0; }
.etch-editor-button:hover { background: #fff; border-color: #999; }
.etch-editor-button span:active { box-shadow: inset 0 0 15px rgba(0,0,0,.5); border-color: #999; }
.etch-pressed { box-shadow: inset 0 0 15px rgba(0,0,0,.5); border-color: #999; }

.etch-editor-button span,
.etch-editor-button span { background: url('images/editor_icons.png') no-repeat;
    display: block; height: 100%; width: 100%;
}

.etch-editor-panel .etch-bold span { background-position: 0 0; }
.etch-editor-panel .etch-italic span { background-position: -30px 0; }
.etch-editor-panel .etch-underline span { background-position: -60px 0; }
.etch-editor-panel .etch-unordered-list span { background-position: -90px 0; }
.etch-editor-panel .etch-ordered-list span { background-position: -120px 0; }
.etch-editor-panel .etch-image span { background-position: -150px 0; }
.etch-editor-panel .etch-link span { background-position: -180px 0; }
.etch-editor-panel .etch-save span { background-position: -210px 0; }
.etch-editor-panel .etch-justify-left span { background-position: -240px 0; }
.etch-editor-panel .etch-justify-center span { background-position: -270px 0; }
.etch-editor-panel .etch-justify-right span { background-position: -300px 0; }
.etch-editor-panel .etch-cite span { background-position: -330px 0; }
.etch-editor-panel .etch-heading span { background-position: -360px 0; }
.etch-editor-panel .etch-clear-formatting span { background-position: -390px 0; }
.etch-editor-panel .etch-subscript span { background-position: -420px 0; }
.etch-editor-panel .etch-superscript span { background-position: -450px 0; }
